import React from "react";

// const obj = { color: "red" };

// 在jsx里面，不管是文本还是属性，都使用一个大括号表示变量或者表达式
// 如果使用style的时候，外面的是jsx的括号，里面的是对象的括号
// 如果有多个属性的时候，要用逗号隔开
// 属性出现连字符的时候，需要使用小驼峰
const App = () => {
  return (
    <>
      <h2>通过style添加样式</h2>
      <div style={{ color: "red", fontSize: "16px" }}>hello react!!</div>
    </>
  );
};

export default App;
